{extend name='base'}
{block name='content'}
<!--中间开始-->
<div id="content">
    <div class="cont">
        <div class="main">
            <div class="content-left">
                <div class="box">
                    <div class="zhezhao"></div>
                    <div class="sekuai"></div>
                    <div class="smallTu"></div>
                    <a href="javascript:;" class="shang">&lt;</a>
                    <div class="list1">
                        <ul>
                            {foreach name='pogData' item='v'}
                            {foreach name="v['small']" item='vv'}
                            <li><img style="" src="{$vv}" alt=""></li>
                            {/foreach}
                            {/foreach}
                        </ul>

                    </div>
                    <a href="javascript:;" class="xia">&gt;</a>

                    <div class="bgTu"></div>
                    <div class="bgTuHide">
                        <ul>
                            {foreach name='pogData' item='v'}
                            {foreach name="v['big']" item='vv'}
                            <li><img style="" src="{$vv}" alt=""></li>
                            {/foreach}
                            {/foreach}
                        </ul>

                    </div>
                </div>
            </div>
            <div class="content-right">

                <div class="tit">{$pogData[0]['gname']}</div>
                <div class="description">{$pogData[0]['pog']}</div>
                <div class="pirve">￥{$pogData[0]['shop_price']}</div>
                {foreach name="specData" item="v"}
                <div class="category">
                    <h4>{$v['taname']}</h4>

                    <ul>
                        {foreach name="v['select']" item="vv"}
                        <li class="">{$vv['gtvalue']}</li>
                        {/foreach}
                    </ul>

                </div>
                {/foreach}

                <div class="num">
                    <h5>数量</h5>
                    <a href="javascript:;" class="num_l">-</a>
                    <input type="text" class="number" value="1"/>
                    <a href="javascript:;" class="num_r">+</a>
                </div>
                <div class="nobdr" style="margin-top: 20px; float: right;">
                    <h6><a href="javascript:;" class="cart">立即购买</a></h6>
                </div>
                <!--购物车添加-->
                <script>
                    $(function(){
                        $('.cart').click(function(){
                            if ($('.zhong').length < 2){
                                alert('请选择颜色和尺码')
                            }else{
                                //1.获取当前商品gid
                                var gid = {:input('param.gid')};
                                //2.获取选择商品的数量
                                var number = $('.number').val();
                                //获取当前商品选择的属性
                                var spec = '';
                                $.each($('.zhong'),function(){
                                    spec += $(this).text() + ',';
                                })
                            }
                            $.ajax({
                                type:'post',
                                url:"{:url('index/Pog/addCart')}",
                                data:{gid:gid,number:number,spec:spec},
                                dataType:'json',
                                success:function(res){
                                    location.href = "{:url('index/Cart/index')}"
                                }
                            })
                        })
                    })
                </script>
                <!--购物车添加-->
                <div class="houdun">
                    <h3>保障</h3>
                    <p><i class="o1"></i>Mr.Xiong商城发货&售后</p>
                    <p><i class="o2"></i>满99元包邮</p>
                    <p><i class="o3"></i>7天无理由退货</p>
                    <p><i class="o4"></i>15天免费换货</p>
                </div>
            </div>
        </div>
    </div>
    <div class="desc" id="xijie">
        <div class="desctab" >
            <div class="main">
                <ul>
                    <li><a href="#xijie">产品详情</a><span>|</span></li>
                    <li><a href="#guige">规格参数</a><span>|</span></li>
                    <li><a href="#wenti">常见问题</a></li>
                </ul>
            </div>
        </div>

        <!--<div class="con" >-->
            <!--<img src="__STATIC__/Home/images/t0159dae288111b9b39.jpg" />-->
            <!--<img src="__STATIC__/Home/images/t0159dae288111b9b39.jpg" />-->
            <!--<img src="__STATIC__/Home/images/t0159dae288111b9b39.jpg" />-->
            <!--<img src="__STATIC__/Home/images/t0159dae288111b9b39.jpg" />-->
            <!--<img src="__STATIC__/Home/images/t0159dae288111b9b39.jpg" />-->
        <!--</div>-->
        <div class="con main" id="guige">
            <h1>产品参数</h1>
            <table cellpadding="0" cellspacing="0" border="1">
                <tbody>
                <!--<tr>-->
                    <!--<td class="wd207" colspan="2">主体</td>-->
                <!--</tr>-->
                {foreach name="attrData" item="v"}
                <tr>
                    <td class="wd207">{$v['taname']}</td>
                    {foreach name="v['select']" item="vv"}
                    <td>{$vv['gtvalue']}</td>
                    {/foreach}
                </tr>
                {/foreach}
                </tbody>
            </table>
        </div>
        <div class="con main" id="wenti">
            <h2>常见问题</h2>
            <dl>
                <dt><i>1、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>2、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>3、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>4、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>5、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>6、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>
            <dl>
                <dt><i>7、</i><em></em>订单提交成功后还可以修改收货信息吗？</dt>
                <dd><u></u>订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</dd>
            </dl>

        </div>
    </div>

</div>
</div>
<!--中间结束-->
<!--尾部开始-->
<div class="mod-footer">
    <div class="foot-bannerw">
        <div class="foot-banner clearfix">
            <div class="banner-item">
                <a href="#" target="_blank" data-monitor="home_foot_days7"><i class="icon1">7</i>7天无理由退货</a>
            </div>
            <div class="banner-item">
                <a href="#" target="_blank" data-monitor="home_foot_days15"><i class="icon2">15</i>15天免费换货</a>
            </div>
            <div class="banner-item"><i class="icon3">包</i>满99元包邮</div>
            <div class="banner-item">
                <a href="#" target="_blank" data-monitor="home_foot_moblie"><i class="icon4">服</i>手机特色服务</a>
            </div>
        </div>
    </div>
    <div class="foot-containerw">
        <div class="foot-container clearfix">
            <dl class="foot-con"> <dt data-monitor="home_foot_freshman">帮助中心 </dt>
                <dd data-monitor="home_help_freshman">
                    <a target="_blank" href="#" rel="nofollow">用户注册</a>
                </dd>
                <dd>
                    <a target="_blank" href="#" rel="nofollow">用户登录与密码找回</a>
                </dd>
                <dd>
                    <a target="_blank" href="#" rel="nofollow">购买指南</a>
                </dd>
                <dd>
                    <a target="_blank" href="#" rel="nofollow">支付方式</a>
                </dd>
                <dd>
                    <a target="_blank" href="#" rel="nofollow">配送与说明</a>
                </dd>
            </dl>
            <dl class="foot-con"> <dt data-monitor="home_foot_help">售后服务 </dt>
                <dd data-monitor="home_help_help">
                    <a target="_blank" href="#">{$pogData[0]['service']}</a>
                </dd>
                <!--<dd>-->
                    <!--<a target="_blank" href="#" rel="nofollow">质量问题 15 日内换货</a>-->
                <!--</dd>-->
                <!--<dd>-->
                    <!--<a target="_blank" href="#" rel="nofollow">保修条款</a>-->
                <!--</dd>-->
                <!--<dd>-->
                    <!--<a target="_blank" href="#" rel="nofollow">服务流程</a>-->
                <!--</dd>-->
                <!--<dd>-->
                    <!--<a target="_blank" href="#" rel="nofollow">安迷之家</a>-->
                <!--</dd>-->
            </dl>
            <dl class="foot-con"> <dt data-monitor="home_foot_guide">特色服务 </dt>
                <dd data-monitor="home_help_guide">
                    <a target="_blank" href="#" rel="nofollow">F码通道</a>
                </dd>
                <dd>
                    <a target="_blank" href="#" rel="nofollow">免费试用</a>
                </dd>
                <dd>
                    <a target="_blank" href="#" rel="nofollow">360 生态</a>
                </dd>
                <dd>
                    <a target="_blank" href="#" rel="nofollow">一元夺宝</a>
                </dd>
            </dl>
            <dl class="foot-con"> <dt data-monitor="home_foot_tuiguang">推广合作 </dt>
                <dd data-monitor="home_help_try">
                    <a target="_blank" href="#" rel="nofollow">商品入驻</a>
                </dd>
                <dd>
                    <a target="_blank" href="#" rel="nofollow">大客户采购</a>
                </dd>
            </dl>
            <dl class="foot-con"> <dt data-monitor="home_foot_try">关注Mr.Xiong商城 </dt>
                <dd data-monitor="home_help_try">
                    <a target="_blank" href="#" rel="nofollow">Mr.Xiong商城大事记</a>
                </dd>
            </dl>

        </div>
    </div>
    <div class="footer-copyright">Mr.Xiong商城 ©2017-2020 BYCMS工作室版权所有 京ICP备000001号-43</div>
</div>
<!--尾部结束-->

<!--右边底部返回顶部-->
<div class="slidebar" id="slidebar">
    <ul>
        <li class="topback">
            <a href="javascript:;"></a>
        </li>
    </ul>
</div>
<!--右边底部返回顶部结束-->

{/block}